<template>
    <div>
        <mt-swipe :auto="4000">
          <mt-swipe-item v-for="item in lunbotuList1" :key="item.id">
            <img :src="item.img" :class="{full: isfull}">
          </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props: ["isfull"],
    data() {
      return {
        lunbotuList1: [
          {
            'id': 1,
            'img': '/static/e0af581baaf44b11981e8c12bbcedd7a.jpg',
          },
          {
            'id': 2,
            'img': '/static/OIP.jpg'
          },
          {
            'id': 3,
            'img': '/static/timg.jpg'
          }
        ]
      }
    },
}
</script>

<style lang="scss" scoped>
.mint-swipe{
  height: 200px;

  .mint-swipe-item{
    text-align: center;
    img {
    //   width: 100%;
      height: 100%;
    }
  }
}

.full{
    width: 100%;
}
</style>